<!DOCTYPE html>
<html>
	<!--2024.01.06 F21600219 于钦凡 -->
	<head>
		<meta charset="utf-8">
		<title>确认订单</title>
		<link href="first.css" rel="stylesheet">
		<link href="first2.css" rel="stylesheet">
		<script src="../order.js"></script>
	</head>
	<body>
		<div id="order-pay-content-wrapper">
			<div class="header">
				<div class="ticket-info">
					<div class="count-down">
						<span data-role="countdown"data-spm-anchor-id="a1z2r.7661907.index-order-pay.i1.51816bdbIL10sR">
							<h1 id="countdown">15:00</h1>
							
							    <script>
							        let countdown = 15 * 60; // 15分钟转换为秒
							        const countdownElement = document.getElementById('countdown');
							
							        function updateCountdown() {
							            const minutes = Math.floor(countdown / 60);
							            const seconds = countdown % 60;
							            countdownElement.textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
							
							            if (countdown <= 0) {
							                clearInterval(interval);
							                countdownElement.textContent = '付款时间结束，请返回选座页重新选票';
							            } else {
							                countdown--;
							            }
							        }
							
							        const interval = setInterval(updateCountdown, 1000);
							        updateCountdown();
							    </script>
						</span>
					</div>
					<div class="top-container">
						<div class="movie-poster-c">
							<div class="movie-poster"
								style="background-image: url(&quot;//gw.alicdn.com/i3/O1CN014yiVPx1gteNzAvvHJ_!!6000000004200-0-alipicbeacon.jpg_320x320Q75.jpg_.webp&quot;);">
							</div>
						</div>
						<div class="buy-info">
							<div class="info-title">
								<div class="movie-name">潜行</div>
								<div class="count-price">共1张 原价 ¥ 40.9</div>
							</div>
							<div class="brief">今天 01-06 16:40~18:34（国语 2D）</div>
							<div class="brief" data-spm-anchor-id="a1z2r.7661907.index-order-pay.i1.7ba26bdbfdwO1v">3号厅
								6排5座</div>
							<div class="brief cinema-name">幸福蓝海影城（宝山北城时代广场店）</div>
							<div class="brief cinema-address">宝山区上海市宝山区月辉路108弄11号北城时代广场3楼</div>
						</div>
					</div>
					<div class="m-line">
						<div class="lc"></div>
						<div class="ml"></div>
						<div class="rc"></div>
					</div>
					<div class="bottom-container">
						<div class="refund-endorse-box J-refund-endorse-detail">
							<div class="tip disabled">
								<div class="tip-disable-tag"></div>
								<div class="tip-text">不支持退票</div>
							</div>
							<div class="tip disabled">
								<div class="tip-disable-tag"></div>
								<div class="tip-text">不支持改签</div>
							</div>
							<div class="refund-endorse-notice">退改签须知</div>
							<div class="s-arrow dy-list-arrow">
								<svg class="bui-svg-icon" focusable="false" viewBox="0 0 96 96">
									<path
										d="M76.6 48 43 17.2c-1.2-1.1-1.3-3-.2-4.2s3-1.3 4.2-.2l36 33c1.3 1.2 1.3 3.2 0 4.4l-36 33c-1.2 1.1-3.1 1-4.2-.2s-1-3.1.2-4.2L76.6 48z">
									</path>
								</svg>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="block-div marketing-title-block marketing-wraper">
				<div class="block-title">
					<div class="desc ft-bold">本单可享优惠</div>
				</div>
				<div class="bui-list bui-list-medium">
					<div class="bar-container ">
						<div class="bui-list-item list-item coupon-activity-log bui-list-item-divider"
							data-spm="dcoupon" data-log="spmad=a1z2r.7661907.marketingarea.dcoupon|platform=8"
							data-aplus-clk="x1_6d47de70"
							data-spm-anchor-id="a1z2r.7661907.index-order-pay.dcoupon.7ba26bdbfdwO1v"
							data-aplus-ae="x1_62d681a">
							<div class="bui-list-item-content bar-content">
								<div class="bar-title">优惠券&amp;活动</div>
							</div>
							<div class="bui-list-item-extra">
								<div class="single-line">
									<div class="weak-guide" data-spm-anchor-id="a1z2r.766190.dcoupon.i0.42f8bdbtM7vTK">
										未使用</div>
								</div>
							</div>
							<div class="bui-list-item-footer">
								<svg class="bui-svg-icon icon-size-small" focusable="false" viewBox="0 0 96 96">
									<path
										d="M55.1 48 32.3 26.9c-1.6-1.5-1.7-4-.2-5.7 1.5-1.6 4-1.7 5.7-.2l26 24c1.7 1.6 1.7 4.3 0 5.9l-26 24c-1.6 1.5-4.2 1.4-5.7-.2-1.5-1.6-1.4-4.2.2-5.7l22.8-21z">
									</path>
								</svg>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="block-div">
				<div class="bui-list bui-list-medium">
				</div>
			</div>
			<div id="member-card-alipay"> </div>
			<div class="block-div user-phone-container" data-log="platform=8" data-aplus-clk="x1_47654012"
				data-spm-anchor-id="a1z2r.7661907.index-order-pay.i0.7ba26bdbfdwO1v">
				<div class="bui-list bui-list-medium">
					<div class="bui-list-item bui-list-item-divider">
						<div class="bui-list-item-content">
							<div class="icon-phone"></div>
							<div class="phone-content">
								<div class="phone-title">19804141377</div>
								<div class="phone-brief">
									<span class="b-gray">手机号仅用于生成订单</span>
								</div>
							</div>
						</div>
						<div class="bui-list-item-footer">
							<svg class="bui-svg-icon icon-size-small" focusable="false" viewBox="0 0 96 96">
								<path
									d="M55.1 48 32.3 26.9c-1.6-1.5-1.7-4-.2-5.7 1.5-1.6 4-1.7 5.7-.2l26 24c1.7 1.6 1.7 4.3 0 5.9l-26 24c-1.6 1.5-4.2 1.4-5.7-.2-1.5-1.6-1.4-4.2.2-5.7l22.8-21z">
								</path>
							</svg>
						</div>
					</div>
				</div>
			</div>
			<div class="block-div">
				<div class="rule-info">
					<div class="title">购票须知</div>
					<div class="desc">
						1.请确认场次和时间无误，购买成功后将不予退换
						2.由于设备故障等不可抗力因素，存在少量场次取消的情况，会进行退票退款
						3.由于影院系统不稳定等因素，存在出票失败的情况，会进行退款
						4.取票码可以在“我的-电影票”中查看
					</div>
				</div>
			</div>
			<div class="block_div">
				<div class="footer-bar" id="footer-bar">
					<div class="bui-safe-area pay-bar">
						<div class="bill-bar">
							<div class="price-info">
								<span class="amount">
									<span class="pay-desc"></span>
									<span class="money">¥</span>
									40.9
									<span class="pay-desc"></span>
								</span>
								<div class="tip">
									<div class="desc"></div>
								</div>
							</div>
							<div class="pay-detail">
								<div class="action" data-spm-anchor-id="a1z2r.7661907.index-order-pay.i1.42f8bdbtM7vTK">
									明细
									<div class="up-arrow"></div>
								</div>
							</div>
							<div class="pay-btn red">
								<div class="main">
									<div>
									<a href="http://127.0.0.1:8848/taopiao-ticket/fk/pay.html" >立即付款</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="refund-endorse"></div>
			<div id="certification-pop"></div>
			<div id="endorse-refund-risk"></div>
		</div>
		</div>
		<div class="wufu-packet-container"></div>
		<div id="ReactRoot"></div>
		<div id="ReactBogo"></div>
		<div class="alert-dialog-mask ob-dialog-mask show show"></div>
		<div class="alert-dialog ob-dialog show show">
			<div class="ob-dialog-wrap " role="document">
				<div class="ob-dialog-header">
					<h3></h3>
				</div>
			</div>
		</div>
	</body>
</html>